<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>在线支付测试</title>
<link th:href="@{bootstrap/css/bootstrap.min.css}" rel="stylesheet" media="screen"/>
<script th:src="@{bootstrap/js/jquery-2.1.1.min.js}"></script>
<script th:src="@{bootstrap/js/bootstrap.min.js}"></script>

</head>

<body>
	<br/>
	<form class="form-horizontal" role="form" th:object="${form}" 
			th:method="post" th:action="@{/pay/createOrder}">
		<div class="form-group">
			<label for="themeGoods" class="col-sm-2 control-label">主题</label>
			<div class="col-sm-4">
				<select id="disabledSelect" class="form-control" name="themeGoods">
					<option>生日聚会</option>
					<option>同学聚会</option>
					<option>老友聚会</option>
					<option>情侣度假</option>
					<option>战友聚会</option>
					<option>公司团建</option>
				</select>
			</div>
		</div>
		<div class="form-group">
			<label for="bookingDate" class="col-sm-2 control-label">预订日期</label>
			<div class="col-sm-4">
				<input class="form-control" id="focusedInput" type="text"
					name="bookingDate" th:value="${bookingDate}" placeholder="该输入预订日期" />
			</div>
		</div>
		<div class="form-group">
			<label for="orderno" class="col-sm-2 control-label">订单号</label>
			<div class="col-sm-4">
				<input class="form-control" id="focusedInput" type="text"
					name="orderno" th:value="${orderno}" placeholder="该输入订单号" />
			</div>
		</div>
		<div class="form-group">
			<label for="username" class="col-sm-2 control-label">昵称</label>
			<div class="col-sm-4">
				<input class="form-control" id="focusedInput" type="text"
					name="username" th:value="${username}" placeholder="该输入你的昵称" />
			</div>
		</div>
		<div class="form-group">
			<label for="phone" class="col-sm-2 control-label">手机号码</label>
			<div class="col-sm-4">
				<input class="form-control" id="focusedInput" type="text"
					name="phone" th:value="${phone}" placeholder="该输入手机号码" />
			</div>
		</div>
		<div class="form-group">
			<label for="number" class="col-sm-2 control-label">预订人数</label>
			<div class="col-sm-4">
				<input class="form-control" id="focusedInput" type="text"
					name="number" th:value="${number}" placeholder="该输入预订人数" />
			</div>
		</div>
		<div class="form-group">
			<label for="remark" class="col-sm-2 control-label">备注</label>
			<div class="col-sm-4">
				<input class="form-control" id="focusedInput" type="text"
					name="remark" th:value="${remark}" placeholder="该输入备注内容" />
			</div>
		</div>
		<div class="form-group">
			<label for="invoice" class="col-sm-2 control-label">发票</label>
			<div class="col-sm-4">
				<select id="disabledSelect" class="form-control" name="invoice">
					<option>不需要</option>
					<option>需要</option>
				</select>
			</div>
		</div>
		<div class="form-group">
			<label for="amount" class="col-sm-2 control-label">实际支付金额</label>
			<div class="col-sm-4">
				<input class="form-control" id="focusedInput" type="text"
					name="amount" th:value="${amount}" placeholder="该输入金额" />
			</div>
		</div>
		<div class="form-group">
			<label for="payWay" class="col-sm-2 control-label">支付渠道</label>
			<div class="col-sm-4">
				<select id="disabledSelect" class="form-control" name="payWay">
					<option value="0">支付宝</option>
					<option value="1">微信</option>
				</select>
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-2 control-label"></label>
			<button class="btn btn-success" type="submit">确认去支付</button>
		</div>
	</form>
</body>

</html>